.user {
    padding-top: 40px;
    .userInfo {
        border: 1px solid #e5e5e5;
        height: 114px;
        padding-left: 20px;
        img {
            border-radius: 50%;
            height: 80px;
            margin-top: 17px;
            width: 80px;
            & + div {
                margin-left: 20px;
                margin-top: 17px;
                b {
                    font-size: 18px;
                }
                p {
                    line-height: 28px;
                }
            }
        }
        > ul {
            border-left: 1px dotted #e5e5e5;
            height: 100%;
            li {
                font-size: 14px;
                margin-top: 36px;
                width: 170px;
                position: relative;
                &:after {
                    background: #e5e5e5;
                    content: '';
                    height: 24px;
                    position: absolute;
                    right: 0;
                    top: 7px;
                    width: 1px;
                }
                &:last-child {
                    &:after {
                        width: 0;
                    }
                }
                p {
                    .text-center();
                    &:nth-child(2) {
                        color: #de2634;
                        font-weight: bold;
                    }
                }
            }
        }
    }
    > .content {
        .content-left {
            width: 602px;
        }
        .content-right {
            width: 384px;
        }
        .content-block {
            margin-top: 20px;
            .block-head {
                border-bottom: 1px solid #e5e5e5;
                line-height: 32px;
                h5 {
                    font-size: 14px;
                    font-weight: 500;
                    line-height: 32px;
                    padding-left: 12px;
                    position: relative;
                    &:before {
                        background: #de2634;
                        content: '';
                        height: 16px;
                        left: 0;
                        margin-top: -8px;
                        position: absolute;
                        top: 50%;
                        width: 2px;
                    }
                }
            }
            .transactions {
                li {
                    border: 1px solid #e5e5e5;
                    margin-top: 10px;
                    padding: 16px 20px;
                    img {
                        height: 48px;
                        width: 48px;
                        & + div {
                            width: 275px;
                            margin-left: 10px;
                            p {
                                &:first-child {
                                    margin-top: 5px;
                                }
                                &:last-child {
                                    margin-top: 8px;
                                }
                            }
                        }
                    }
                    > .price {
                        color: #666666;
                        font-weight: normal;
                        font-size: 12px;
                        line-height: 48px;
                        width: 160px;
                        .text-center();
                    }
                    > a {
                        color: #55b7ea;
                        display: block;
                        line-height: 48px;
                        width: 66px;
                        .text-center();
                    }
                }
            }
            .collects {
                margin-top: 10px;
                li {
                    margin-right: 22px;
                    &:last-child {
                        margin-right: 0;
                    }
                    img {
                        height: 134px;
                        width: 134px;
                    }
                    p {
                        margin-top: 9px;
                        &:last-child {
                            color: #de2634;
                            margin-top: 5px;
                            .text-center();
                        }
                    }
                }
            }
            .shopping-cart {
                li {
                    margin-top: 10px;
                    padding: 11px 20px;
                    img {
                        height: 48px;
                        width: 48px;
                        & + div {
                            margin-left: 10px;
                            p {
                                &:first-child {
                                    margin-top: 5px;
                                }
                                &:last-child {
                                    margin-top: 6px;
                                    .price {
                                        font-size: 12px;
                                        font-weight: normal;
                                    }
                                }
                            }
                        }
                    }
                }
            }
            .footprint {
                padding-top: 10px;
                li {
                    margin-right: 20px;
                    &:nth-child(4) {
                        margin-right: 0;
                    }
                    img {
                        height: 80px;
                        width: 80px;
                        & + p {
                            margin-top: 10px;
                            .text-center();
                        }
                    }
                }
            }
        }
    }
}